<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人页面 - 社团管理系统</title>
    <script src="js/util.js"></script>
    <!-- 引入 Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="#">社团管理系统</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('MyClub.html')">首页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('studentManager.html')">社团成员</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('mycluballactivity.html')">社团活动</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('acceptactivitymember.html')">社团活动审批</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('clubApply.html')">社团加入</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" onclick="loadPage('publishactivity.html')">活动发布</a>
            </li>
        </ul>
    </div>
</nav>

<!-- 内容区域 -->
<div id="content-container" class="container mt-5"></div>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    // 获取 URL 参数中的 clubId
    let clubId=getData().clubId;
    console.log('clubId:', clubId);


    // 加载页面内容
    function loadPage(page) {
        if (!clubId) {
            console.warn('No clubId found in URL.');
            return;
        }

        // 发送 AJAX 请求获取用户角色
        $.ajax({
            url: "role/"+clubId, // 注意这里的 URL 格式，确保与后端API路径匹配
            method: 'POST',
            success: function(response) {
                const role = response.role; // 假设服务器返回的是包含角色的对象
                fetchAndDisplayContent(page, role);
            },
            error: function(error) {
                console.error('Error fetching role:', error);
            }
        });

    }
    //
    // // 根据页面和角色加载内容
    // function fetchAndDisplayContent(page, role) {
    //     let url = `${page}?clubId=${clubId}`; // 构建包含 clubId 的 URL
    //
    //     $.ajax({
    //         url: url,
    //         method: 'GET',
    //         success: function(content) {
    //             // 解析 JSON 或 HTML 内容
    //             let displayedItems = content;
    //
    //             // 根据角色限制显示的内容数量
    //             switch (parseInt(role)) {
    //                 case 2:
    //                     displayedItems = content.slice(0, 5); // 如果是数组形式的数据
    //                     break;
    //                 case 3:
    //                     displayedItems = content.slice(0, 3); // 如果是数组形式的数据
    //                     break;
    //                 default:
    //                     break;
    //             }
    //
    //             // 将内容插入到页面中
    //             $('#content-container').html(displayedItems);
    //         },
    //         error: function(error) {
    //             console.error('Error loading page content:', error);
    //         }
    //     });
    // }
    //
    // // 页面加载时自动加载个人页面内容
    // $(document).ready(function() {
    //     if (clubId) {
    //         loadPage('person.html'); // 加载个人页面内容
    //     } else {
    //         console.warn('No clubId found in URL.');
    //     }
    // });
    //
    // // 处理导航链接点击事件
    // document.querySelectorAll('.navbar-nav a').forEach(link => {
    //     link.addEventListener('click', function(event) {
    //         event.preventDefault(); // 阻止默认行为
    //         const targetPage = this.getAttribute('onclick').split("'")[1];
    //         loadPage(targetPage);
    //     });
    // });
</script>
</body>
</html>

